<template>
  <div class="globalHeader">
    <div class="logo">易启学坊</div>
    <div class="operate">
      <a-input-search
        :style="{ width: '320px' }"
        placeholder="Please enter something"
      />
      <a-avatar style="margin-left: 10px">
        <img
          alt="avatar"
          src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/3ee5f13fb09879ecb5185e440cef6eb9.png~tplv-uwbnlip3yd-webp.webp"
        />
      </a-avatar>
    </div>
  </div>
</template>

<style scoped>
.globalHeader {
  height: 100px;
  border-radius: 10px 0px 0px 0px;
  background-color: aqua;
  display: flex;
}

.logo {
  font-size: 40px;
  color: white;
  margin-left: 100px;
  margin-top: 20px;
}

.operate {
  margin-left: auto;
  margin-right: 100px;
  margin-top: 30px;
}
</style>
<script setup lang="ts"></script>
